<!doctype html>
<html lang="en">
   <head>
      <!-- Required meta tags -->
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <title>Metorik - Responsive Bootstrap 4 Admin Dashboard Template</title>
      <!-- Favicon -->
      <link rel="shortcut icon" href="../src/images/favicon.ico" />
      <!-- Bootstrap CSS -->
      <link rel="stylesheet" href="../src/css/bootstrap.min.css">
      <!-- Typography CSS -->
      <link rel="stylesheet" href="../src/css/typography.css">
      <!-- Style CSS -->
      <link rel="stylesheet" href="../src/css/style.css">
      <!-- Responsive CSS -->
      <link rel="stylesheet" href="../src/css/responsive.css">
   </head>
   <body>
      <!-- loader Start -->
      <div id="loading">
         
      </div>
      <!-- loader END -->
      <!-- Wrapper Start -->
      <div class="wrapper">
         <!-- Sidebar  -->
         <div class="iq-sidebar">
            <div class="iq-sidebar-logo d-flex justify-content-between">
               <a href="index.html">
               <img src="../src/images/logo.gif" class="img-fluid" alt="">
               <span>DaLao</span>
               </a>
               <div class="iq-menu-bt align-self-center">
                  <div class="wrapper-menu">
                     <div class="line-menu half start"></div>
                     <div class="line-menu"></div>
                     <div class="line-menu half end"></div>
                  </div>
               </div>
            </div>
            <div id="sidebar-scrollbar">
               <div id="menu"></div>
            </div>
         </div>
         <!-- TOP Nav Bar -->
         <div class="iq-top-navbar">
            <div class="iq-navbar-custom">
               <div class="iq-sidebar-logo">
                  <div class="top-logo">
                     <a href="mailbox.html" class="logo">
                        <img src="../src/images/logo.gif" class="img-fluid" alt="">
                        <span>Dalao</span>
                     </a>
                  </div>
               </div>
               <div class="navbar-breadcrumb">
                  <h5 class="mb-0">编写电子邮件</h5>
                  <nav aria-label="breadcrumb">
                     <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="index.html">主页</a></li>
                        <li class="breadcrumb-item active" aria-current="page">编写电子邮件</li>
                     </ol>
                  </nav>
               </div>
               <div id="navigation"></div>
            </div>
         </div>
         <!-- TOP Nav Bar END -->
         <!-- Page Content  -->
         <div id="content-page" class="content-page">
            <div class="container-fluid">
               <div class="row row-eq-height">
                  <div class="col-md-12">
                     <div class="row">
                        <div class="col-md-12">
                           <div class="iq-card iq-border-radius-20">
                              <div class="iq-card-body">
                                 <div class="row">
                                    <div class="col-md-12 mb-3">
                                       <h5 class="text-primary card-title"><i class="ri-pencil-fill"></i> 编写邮件</h5>
                                    </div>
                                 </div>
                                 <form class="email-form">
                                    <div class="form-group row">
                                       <label for="inputEmail3" class="col-sm-2 col-form-label">从:</label>
                                       <div class="col-sm-10">
                                          <select  id="inputEmail3" class="select2jsMultiSelect form-control" multiple="multiple">
                                             <option value="">张三</option>
                                             <option value="">李四</option>
                                             <option value="">王五</option>
                                          </select>
                                       </div>
                                    </div>
                                    <div class="form-group row">
                                       <label for="cc" class="col-sm-2 col-form-label">副本:</label>
                                       <div class="col-sm-10">
                                          <select  id="cc" class="select2jsMultiSelect form-control" multiple="multiple">
                                             <option value="Brock Lee">Brock Lee</option>
                                             <option value="Rick O'Shea">Rick O'Shea</option>
                                             <option value="Cliff Hanger">Cliff Hanger</option>
                                             <option value="Barb Dwyer">Barb Dwyer</option>
                                          </select>
                                       </div>
                                    </div>
                                    <div class="form-group row">
                                       <label for="subject" class="col-sm-2 col-form-label">主题:</label>
                                       <div class="col-sm-10">
                                          <input type="text"  id="subject" class="form-control">
                                       </div>
                                    </div>
                                    <div class="form-group row">
                                       <label for="subject" class="col-sm-2 col-form-label">你的留言:</label>
                                       <div class="col-md-10">
                                          <textarea class="textarea form-control" rows="5"></textarea>
                                       </div>
                                    </div>
                                    <div class="form-group row align-items-center">
                                       <div class="d-flex flex-grow-1 align-items-center">
                                          <div class="send-btn pl-3">
                                             <button type="submit" class="btn btn-primary">发送</button>
                                          </div>
                                          <div class="send-panel">
                                             <label class="ml-2 mb-0 iq-bg-primary rounded" for="file"> <input type="file" id="file" style="display: none"> <a><i class="ri-attachment-line"></i> </a> </label>
                                             <label class="ml-2 mb-0 iq-bg-primary rounded"> <a href="javascript:void(0);"> <i class="ri-map-pin-user-line text-primary"></i></a>  </label>
                                             <label class="ml-2 mb-0 iq-bg-primary rounded"> <a href="javascript:void(0);"> <i class="ri-drive-line text-primary"></i></a>  </label>
                                             <label class="ml-2 mb-0 iq-bg-primary rounded"> <a href="javascript:void(0);"> <i class="ri-camera-line text-primary"></i></a>  </label>
                                             <label class="ml-2 mb-0 iq-bg-primary rounded"> <a href="javascript:void(0);"> <i class="ri-user-smile-line text-primary"></i></a>  </label>
                                          </div>
                                       </div>
                                       <div class="d-flex mr-3 align-items-center">
                                          <div class="send-panel float-right">
                                             <label class="ml-2 mb-0 iq-bg-primary rounded" ><a href="javascript:void(0);"><i class="ri-settings-2-line text-primary"></i></a></label>
                                             <label class="ml-2 mb-0 iq-bg-primary rounded"><a href="javascript:void(0);">  <i class="ri-delete-bin-line text-primary"></i></a>  </label>
                                          </div>
                                       </div>
                                    </div>
                                 </form>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- Wrapper END -->
      <!-- Footer -->
      <div id="bottom"></div>
      <!-- Footer END -->
   </body>
   <!-- Optional JavaScript -->
   <!-- jQuery first, then Popper.js, then Bootstrap JS -->
   <script src="../src/js/jquery.min.js"></script>
   <script src="../src/js/popper.min.js"></script>
   <script src="../src/js/bootstrap.min.js"></script>
   <!-- Appear JavaScript -->
   <script src="../src/js/jquery.appear.js"></script>
   <!-- Countdown JavaScript -->
   <script src="../src/js/countdown.min.js"></script>
   <!-- Counterup JavaScript -->
   <script src="../src/js/waypoints.min.js"></script>
   <script src="../src/js/jquery.counterup.min.js"></script>
   <!-- Wow JavaScript -->
   <script src="../src/js/wow.min.js"></script>
   <!-- Apexcharts JavaScript -->
   <script src="../src/js/apexcharts.js"></script>
   <!-- Select2 JavaScript -->
   <script src="../src/js/select2.min.js"></script>
   <!-- Owl Carousel JavaScript -->
   <script src="../src/js/owl.carousel.min.js"></script>
   <!-- Magnific Popup JavaScript -->
   <script src="../src/js/jquery.magnific-popup.min.js"></script>
   <!-- Smooth S../crollbar JavaScript -->
   <script src="../src/js/smooth-scrollbar.js"></script>
   <!-- lottie JavaScript -->
   <script src="../src/js/lottie.js"></script>
   <!-- Chart Custom JavaScript -->
   <script src="../src/js/chart-custom.js"></script>
   <!-- Custom JavaScript -->
   <script src="../src/js/custom.js"></script>
   <script>
      $(function () {
         $("#menu").load("menus.html");
         $("#navigation").load("navigation-bar.html");
         $("#bottom").load("bottom-bar.html");
      });
   </script>
</html>